<html>
    <head>
        <title>内联事件处理器中的方法</title>
    </head>
    <body>
        <script>
            // ★三、内联处理器中的方法
                                        /*
                                            除了直接绑定到一个方法，也可以在内联JS语句中调用方法：
                                        */
                                              /*
                                                    eg:
                                                      <div id="example-3">
                                                          <button v-on:click="say('hi')">Say hi</button>
                                                          <button v-on:click="say('whar')">Say What</button>
                                                      </div>
                                              */
                                              new Vue({
                                                        el:'#example-3',
                                                        methods:{
                                                            say:function(message){
                                                                alert(message);
                                                            }
                                                        }
                                                      })

                                        /*
                                            有时也需要在内联语句处理器中访问原始的DOM事件。可以用特殊变量 $event 把它传入方法：
                                        */
                                                /*
                                                    eg:
                                                        <button v-on:click="warn('Form cannot be submitted yet',$event)">
                                                            Submit
                                                        </button>
                                                */
                                                     methods:{
                                                        warn:function(message,event){
                                                            if(event){
                                                                event.preventDefault();
                                                            }
                                                            alert(mesasge);
                                                        }
                                                     }     
        </script>
    </body>
</html>